window.addEventListener('load', function() {
    // 1.获取按钮
    var but = document.querySelector('.showmore').querySelector('span');
    var hides = document.querySelectorAll('#hides');
    var colors = document.querySelectorAll('.colors');
    console.log(hides);
    but.addEventListener('click', function() {
        // 点击之后把尼康后面的全部隐藏
        // 先检测有没被隐藏
        if (hides[0].style.display == 'none') {
            toggle('block', '精简品牌');
            for (var i = 0; i < colors.length; i++) {
                colors[i].className = 'colors';
            }
        } else { //没有被隐藏被则隐藏
            toggle('none', '显示全部品牌');
            for (var i = 0; i < colors.length; i++) {
                colors[i].className = '';
            }

        };
        // 封装切换函数
        function toggle(sh, texts) {
            for (var i = 0; i < hides.length; i++) {
                hides[i].style.display = sh;
            };
            but.innerHTML = texts;
        };
    })
})